<template>
	<view class="page pd30">
		<view class="box-shadow bdr16 pd30 bg-w mb30">
			<view class=" flex space alcenter">
				<view class="ft18 ftw600 text-main">订单消息</view>
				<view class="ft14 text-notice">2019.10.12 12:12</view>
			</view>
			<view class="mt30 mb30 ft14 text-info">
				您有新的订单待支付，请在12:12之前完成支付，过期自动取消。
			</view>
			<view class="line mb30"></view>
			
			<view class="flex alcenter space">
				<text class="ft16 text-info">查看详情</text>
				<text class="text-info iconfont iconbtn_arrowr ft14"></text>
			</view>
		</view>
		<view class="box-shadow bdr16 pd30 bg-w mb30">
			<view class=" flex space alcenter">
				<view class="ft18 ftw600 text-main">订单消息</view>
				<view class="ft14 text-notice">2019.10.12 12:12</view>
			</view>
			<view class="mt30 mb30 ft14 text-info">
				您有新的订单待支付，请在12:12之前完成支付，过期自动取消。
			</view>
			<view class="mb30">
				<app-icon :name="'https://via.placeholder.com/750x300'" type="image" custom-class="notice-img" mode="aspectFill" />
			</view>
			<view class="line mb30"></view>
			
			<view class="flex alcenter space">
				<text class="ft16 text-info">查看详情</text>
				<text class="text-info iconfont iconbtn_arrowr ft14"></text>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default{
		data(){
			return {
				
			};
		}
	}
</script>

<style>
	.notice-img{
		width: 100%;
		height: 316rpx;
	}
</style>